<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<link href="/css/template.css" rel="stylesheet" type="text/css" />
<f:view>
	<head>
		<h1 style="font-size:65px;" >
			<h:outputText value="#{msgs['login.text.titulo']}" />
			<h:graphicImage style="opacity:0.90;" value="/images/logo.jpg"
			width="400" height="225"></h:graphicImage>
		</h1>
	</head>

	<body>
		<f:loadBundle basename="mensajes" var="msgs" />
		<h3 style="width: 200px; font-size: 25px;">
			<h:outputLabel value="#{msgs['login.text.descripcion']}" />
		</h3>

		<h:form>
			<table>
				<tr>
					<td><h:outputLabel for="nombreCliente"
							value="#{msgs['login.text.user']}" /></td>
					<td><h:inputText id="nombreCliente"
							value="#{clienteBean.username}" required="true"
							label="#{msgs['login.text.user']}" /></td>
				</tr>
				<tr>
					<td><h:outputLabel for="numeroCliente"
							value="#{msgs['login.text.password']}" /></td>
					<td><h:inputSecret id="numeroCliente"
							value="#{clienteBean.password}" required="true"
							label="#{msgs['login.text.password']}" /></td>
				</tr>
			</table>

			<h:commandButton style="width:100px;font-size:17px;" id="btnBuscar"
				value="#{msgs['login.button.login']}" action="#{clienteBean.buscar}" />

			<h:commandButton style="width:120px;font-size:17px;" id="btnNewUser"
				value="#{msgs['login.button.newUser']}" action="navigateToNewUser"
				immediate="true" onclick="#{clienteBean.logout()}" />
			<br></br>

			<h:messages errorStyle="font-size:20px;color: red;" />
		</h:form>
	</body>
</f:view>
</html>

